// 封装购物车模块
import { defineStore } from "pinia";
import { ref, computed } from "vue";
import { useUserStore } from "./userStore";
import { insertCartAPI, findNewCartListAPI, delCartAPI } from "@/apis/cart";
export const useCartStore = defineStore(
  "cart",
  () => {
    const userStore = useUserStore();
    // 当前是否登录
    const isLogin = computed(() => userStore.userInfo.token);
    // 定义state - cartList
    const cartList = ref([]);

    // 获取最新购物车列表
    const updateNewCartList = async () => {
      const res = await findNewCartListAPI();
      cartList.value = res.result;
    };

    // 定义action - addCart
    const addCart = async (goods) => {
      // 分为登录后的逻辑和未登录的逻辑
      if (isLogin.value) {
        // 已登录，将商品加入购物车并获取最新列表
        const { skuId, count } = goods;
        await insertCartAPI({ skuId, count });
        // 刷新购物车列表
        updateNewCartList();
      } else {
        // 未登录
        // 1.判断购物车中是否已有该商品
        const isExist = cartList.value.find((item) => {
          return item.skuId === goods.skuId;
        });
        // 2.如果有，则增加数量，没有则添加到购物车
        if (isExist) {
          isExist.count += goods.count;
        } else {
          cartList.value.push(goods);
        }
      }
    };

    // 清空购物车
    const clearCart = () => {
      cartList.value = [];
    };

    // 单选功能
    const singleCheck = (skuId, selected) => {
      // 通过skuId找到要修改的那项，再对selected进行修改
      cartList.value.find((item) => {
        if (item.skuId === skuId) item.selected = selected;
      });
    };

    // 全选功能 selected为当前全选框状态
    const allCheck = (selected) => {
      cartList.value.forEach((item) => {
        item.selected = selected;
      });
    };

    // 是否全选 every方法用于判断数据中每一个元素是否都满足条件
    const isAll = computed(() => cartList.value.every((item) => item.selected));

    // 删除购物车商品
    const removeCart = async (skuId) => {
      // 判断是否登录
      if (isLogin) {
        // 已登录
        await delCartAPI([skuId]);
        // 刷新购物车列表
        updateNewCartList();
      } else {
        // 未登录
        // splice方法
        // const index = cartList.value.findIndex((item) => {
        //   return item.skuId === skuId;
        // });
        // cartList.value.splice(index, 1);
        // filter方法
        cartList.value = cartList.value.filter((item) => {
          return item.skuId !== skuId;
        });
      }
    };

    // 计算总数量-所有项count之和
    // 这里的accumulator是上一次的值，currentValue是当前值
    // a：累加器，表示之前计算出的总价格
    // c：当前商品对象，包含商品的 count 和 price 属性
    const allCount = computed(() =>
      cartList.value.reduce(
        (accumulator, currentValue) => accumulator + currentValue.count,
        0
      )
    );
    // 计算总价-所有项count*price
    const allPrice = computed(() =>
      cartList.value.reduce(
        (accumulator, currentValue) =>
          accumulator + currentValue.count * currentValue.price,
        0
      )
    );

    // 已选择数量 先找到所有已选中的商品，然后计算它们的数量之和
    const selectedCount = computed(() =>
      cartList.value
        .filter((item) => item.selected)
        .reduce(
          (accumulator, currentValue) => accumulator + currentValue.count,
          0
        )
    );
    // 已选择商品总价
    const selectedPrice = computed(() =>
      cartList.value
        .filter((item) => item.selected)
        .reduce(
          (accumulator, currentValue) =>
            accumulator + currentValue.count * currentValue.price,
          0
        )
    );
    return {
      cartList,
      singleCheck,
      addCart,
      removeCart,
      allCount,
      allPrice,
      isAll,
      allCheck,
      selectedCount,
      selectedPrice,
      clearCart,
      updateNewCartList,
    };
  },
  {
    persist: true,
  }
);
